<template>
  <svg xmlns="http://www.w3.org/2000/svg" class="h-auto w-full" role="img" title="Vue" version="1.1" viewBox="0 0 122.88 106.42">
    <path d="M75.63 0L61.44 24.58 47.25 0H0l61.44 106.42L122.88 0H75.63z" class="fill-vue group-hover:fill-white" />
    <path d="M75.63 0L61.44 24.58 47.25 0H24.58l36.86 63.85L98.3 0H75.63z" fill="#425466" class="group-hover:fill-zinc-300" />
  </svg>
</template>

<script lang="ts">
export default {
 name: 'SvgVueLogo',
}
</script>
